.web-react {
  .ant-message {
    margin-top: 90px;
    .ant-message-notice-content {
      width: 300px;
      margin-left: 20px;
      padding: 8px 20px;
      font-size: 14px;
      text-align: left;
      border-radius: 4px;
      box-shadow: 0;
      .ant-message-success,
      .ant-message-success .anticon {
        color: var(--color-c07) !important;
      }
      .ant-message-error,
      .ant-message-error .anticon {
        color: var(--color-c08) !important;
      }
      .ant-message-warning,
      .ant-message-warning .anticon {
        color: var(--color-c09) !important;
      }
      .ant-notification-close-icon {
        font-size: 6px;
      }
    }
    .qd-message-success {
      .ant-message-notice-content {
        background: #ecf8f8;
        border: 1px solid var(--color-c07);
      }
    }
    .qd-message-error {
      .ant-message-notice-content {
        background: #fceef3;
        border: 1px solid var(--color-c08);
      }
    }
    .qd-message-warning {
      .ant-message-notice-content {
        color: var(--color-c09);
        background: #fef5e7;
        border: 1px solid var(--color-c09);
      }
    }
  }
}
